<template>
	<view class="form-page">
		<z-button>默认按钮</z-button>
		<z-button bg-color="primary">主色调</z-button>
		<z-button bg-color="info">提示按钮</z-button>
		<z-button bg-color="success">成功按钮</z-button>
		<z-button bg-color="warning">警告按钮</z-button>
		<z-button bg-color="error">错误按钮</z-button>
		<z-button bg-color="yellow" font-color="blue">自定义颜色</z-button>
		<z-button loading>加载按钮</z-button>
		<z-button bg-color="primary" loading>加载按钮 主色调</z-button>
		<z-button bg-color="primary" radius-none>无圆角</z-button>
		<z-button bg-color="primary" size="md">中字号</z-button>
		<z-button bg-color="primary" size="sm">小字号</z-button>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page{
		background: $page-bg;
	}
	.form-page{
		padding: 20upx;
		.z-button{
			margin: 20upx;
		}
	}
</style>
